<template>
  <div class="car">
    <i v-for="item in carList"
       :key="item"
       class="iconfont mr12"
       :class="item"
       style="color: blue; font-size: 25px" />
  </div>
  <div class="edit" contenteditable />
  <div>
    <div></div>
    <div>
    </div>
    <div></div>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'
const carList = [
    'icon-huanweisashuiche',
    'icon-huanweisaoluche',
    'icon-chuyulajiyunshuche',
    'icon-canchulajiyunshuche',
    'icon-youhailajiyunshuche',
    'icon-youhailajiyunshuche',
    'icon-qitalajiyunshuche',
    'icon-dajianlajiyunshuche',
    'icon-qitalajizhuanyunche-1',
    'icon-canchulajizhuanyunche',
    'icon-chuyulajizhuanyunche',
    'icon-huanweichechongxiche'
]
</script>

<style lang="less" scoped>
.car {
}
.edit {
  height: 200px;
  width: 100px;
  border: 1px solid gray;
}
</style>
